<template>
    <div class="card">
        <svg height="630" node-id="1" sillyvg="true" template-height="1024" template-width="1024" version="1.1" viewBox="0 0 1024 1024" width="630" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                    <defs node-id="63">
                        <linearGradient gradientUnits="userSpaceOnUse" id="SVGID_1_" node-id="2" spreadMethod="pad" x1="842.4365" x2="842.4365" y1="589.6563" y2="521.7607">
                            <stop offset="0.1626" stop-color="#ffffff" stop-opacity="0.5"/>
                            <stop offset="1" stop-color="#ffcab8" stop-opacity="0.8"/>
                        </linearGradient>
                        <linearGradient gradientUnits="userSpaceOnUse" id="SVGID_2_" node-id="6" spreadMethod="pad" x1="199.4473" x2="199.4473" y1="576.4121" y2="521.7622">
                            <stop offset="0.1626" stop-color="#ffffff" stop-opacity="0.5"/>
                            <stop offset="1" stop-color="#ffcab8" stop-opacity="0.8"/>
                        </linearGradient>
                        <linearGradient gradientUnits="userSpaceOnUse" id="SVGID_3_" node-id="10" spreadMethod="pad" x1="496.8955" x2="496.8955" y1="758.5938" y2="563.5928">
                            <stop offset="0.1626" stop-color="#ffffff" stop-opacity="0.5"/>
                            <stop offset="1" stop-color="#ffcab8" stop-opacity="0.8"/>
                        </linearGradient>
                        <linearGradient gradientUnits="userSpaceOnUse" id="SVGID_4_" node-id="20" spreadMethod="pad" x1="594.9404" x2="594.9404" y1="405.7383" y2="265.6064">
                            <stop offset="0" stop-color="#ffffff" stop-opacity="0.5"/>
                    <stop offset="0.6256" stop-color="#ffd4c6" stop-opacity="0.7409"/>
                    <stop offset="1" stop-color="#ffcab8" stop-opacity="0.8"/>
                    </linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="SVGID_5_" node-id="25" spreadMethod="pad" x1="424.7168" x2="424.7168" y1="395.9487" y2="335.6724">
                    <stop offset="0.1626" stop-color="#ffffff" stop-opacity="0.5"/>
                    <stop offset="1" stop-color="#ffcab8" stop-opacity="0.8"/></linearGradient>
                    <linearGradient gradientUnits="userSpaceOnUse" id="SVGID_6_" node-id="40" spreadMethod="pad" x1="512.687" x2="512.687" y1="443.5098" y2="495.7998">
                        <stop offset="0" stop-color="#fed6bf"/>
                        <stop offset="1" stop-color="#fed6bf"/>
                    </linearGradient>
                        <linearGradient gradientUnits="userSpaceOnUse" id="SVGID_7_" node-id="44" spreadMethod="pad" x1="372.75" x2="440.125" y1="541.1758" y2="541.1758">
                            <stop offset="0" stop-color="#fed6bf"/>
                            <stop offset="1" stop-color="#fa8511"/>
                        </linearGradient>
                        <linearGradient gradientUnits="userSpaceOnUse" id="SVGID_8_" node-id="48" spreadMethod="pad" x1="585.25" x2="651.25" y1="541.1758" y2="541.1758">
                            <stop offset="0" stop-color="#fed6bf"/>
                            <stop offset="1" stop-color="#fa8511"/>
                        </linearGradient>
                        <linearGradient gradientUnits="userSpaceOnUse" id="SVGID_9_" node-id="53" spreadMethod="pad" x1="511.9995" x2="511.9995" y1="528.2998" y2="646.2998">
                            <stop offset="0" stop-color="#fed6bf"/>
                            <stop offset="1" stop-color="#fa8511"/>
                        </linearGradient>
                    </defs>
                    <path d="M 884.49 555.71 L 875.12 555.71 C 875.12 536.96 859.92 521.76 841.17 521.76 C 822.42 521.76 807.23 536.96 807.23 555.71 L 800.39 555.71 C 791.76 555.71 784.77 563.31 784.77 572.68 C 784.77 582.06 791.76 589.66 800.39 589.66 L 884.49 589.66 C 893.11 589.66 900.11 582.06 900.11 572.68 C 900.11 563.31 893.11 555.71 884.49 555.71 Z" 
                        fill="url(#SVGID_1_)" fill-rule="nonzero" node-id="124" stroke="none" target-height="67.89496" target-width="115.33801" target-x="784.768" target-y="521.762"/>
                        <path d="M 233.30 549.09 L 225.76 549.09 C 225.76 534.00 213.52 521.76 198.43 521.76 C 183.34 521.76 171.11 534.00 171.11 549.09 L 165.60 549.09 C 158.66 549.09 153.03 555.20 153.03 562.75 C 153.03 570.29 158.66 576.41 165.60 576.41 L 233.30 576.41 C 240.24 576.41 245.87 570.29 245.87 562.75 C 245.87 555.20 240.24 549.09 233.30 549.09 Z" 
                        fill="url(#SVGID_2_)" fill-rule="nonzero" node-id="126" stroke="none" target-height="54.649963" target-width="92.838" target-x="153.029" target-y="521.762"/>
                        <path d="M 496.90 563.59 C 290.89 563.59 123.90 650.90 123.90 758.59 L 869.90 758.59 C 869.90 650.90 702.90 563.59 496.90 563.59 Z" fill="url(#SVGID_3_)" fill-rule="nonzero" node-id="128" stroke="none" target-height="195" target-width="746" target-x="123.896" target-y="563.593"/>
                    <path d="M 292.88 566.86 C 293.78 564.08 294.28 561.12 294.28 558.03 C 294.28 542.31 281.54 529.57 265.82 529.57 C 250.56 529.57 238.11 541.59 237.40 556.68 C 225.95 557.76 216.99 567.50 216.99 579.36 C 216.99 591.95 227.09 602.15 239.53 602.15 C 246.51 602.15 252.74 598.95 256.87 593.92 C 260.81 600.55 267.99 604.99 276.20 604.99 C 288.65 604.99 298.74 594.78 298.74 582.20 C 298.74 576.29 296.52 570.91 292.88 566.86 Z" fill="#ffd9cc" fill-rule="nonzero" node-id="130" stroke="none" target-height="75.41498" target-width="81.746994" target-x="216.993" target-y="529.573"/>
                    <path d="M 272.61 583.11 L 270.02 580.52 L 259.66 590.88 L 259.66 575.07 L 254.32 575.07 L 254.32 591.63 L 248.46 585.77 L 245.87 588.36 L 254.32 596.82 L 254.32 649.74 L 259.66 649.74 L 259.66 596.07 Z" fill="#ff671f" fill-rule="nonzero" node-id="132" stroke="none" target-height="74.666016" target-width="26.74701" target-x="245.867" target-y="575.073"/>
                    <path d="M 808.83 582.20 C 809.74 579.41 810.24 576.45 810.24 573.36 C 810.24 557.64 797.50 544.90 781.78 544.90 C 766.52 544.90 754.06 556.92 753.36 572.01 C 741.91 573.10 732.95 582.84 732.95 594.70 C 732.95 607.28 743.04 617.49 755.49 617.49 C 762.46 617.49 768.69 614.28 772.83 609.26 C 776.77 615.88 783.95 620.32 792.16 620.32 C 804.61 620.32 814.70 610.12 814.70 597.53 C 814.70 591.62 812.48 586.24 808.83 582.20 Z" fill="#ffd9cc" fill-rule="nonzero" node-id="134" stroke="none" target-height="75.41498" target-width="81.74805" target-x="732.949" target-y="544.904"/>
                    <path d="M 788.57 598.44 L 785.98 595.85 L 775.62 606.21 L 775.62 590.40 L 770.28 590.40 L 770.28 606.97 L 764.42 601.10 L 761.82 603.69 L 770.28 612.15 L 770.28 665.07 L 775.62 665.07 L 775.62 611.40 Z" fill="#ff671f" fill-rule="nonzero" node-id="136" stroke="none" target-height="74.666016" target-width="26.746033" target-x="761.824" target-y="590.404"/>
                    <path d="M 207.76 618.92 C 208.24 617.47 208.50 615.91 208.50 614.30 C 208.50 606.07 201.83 599.40 193.60 599.40 C 185.61 599.40 179.09 605.69 178.72 613.59 C 172.72 614.16 168.03 619.26 168.03 625.47 C 168.03 632.06 173.32 637.40 179.84 637.40 C 183.49 637.40 186.75 635.72 188.91 633.09 C 190.98 636.56 194.74 638.88 199.03 638.88 C 205.55 638.88 210.83 633.54 210.83 626.95 C 210.83 623.86 209.67 621.04 207.76 618.92 Z" fill="#ffd9cc" fill-rule="nonzero" node-id="138" stroke="none" target-height="39.483948" target-width="42.800995" target-x="168.033" target-y="599.4"/>
                    <path d="M 197.16 627.43 L 195.80 626.07 L 190.37 631.50 L 190.37 623.22 L 187.58 623.22 L 187.58 631.89 L 184.51 628.82 L 183.15 630.18 L 187.58 634.61 L 187.58 662.31 L 190.37 662.31 L 190.37 634.21 Z" fill="#ff671f" fill-rule="nonzero" node-id="140" stroke="none" target-height="39.09204" target-width="14.003998" target-x="183.151" target-y="623.222"/>
                    <path d="M 681.73 335.67 L 662.40 335.67 C 662.40 296.98 631.03 265.61 592.34 265.61 C 553.64 265.61 522.27 296.98 522.27 335.67 L 508.15 335.67 C 490.35 335.67 475.92 351.36 475.92 370.71 C 475.92 390.05 490.35 405.74 508.15 405.74 L 681.73 405.74 C 699.54 405.74 713.97 390.05 713.97 370.71 C 713.97 351.36 699.53 335.67 681.73 335.67 Z" fill="url(#SVGID_4_)" fill-rule="nonzero" node-id="142" stroke="none" target-height="140.13202" target-width="238.05002" target-x="475.916" target-y="265.607"/>
                    <path d="M 462.05 365.81 L 453.74 365.81 C 453.74 349.17 440.24 335.67 423.60 335.67 C 406.95 335.67 393.46 349.17 393.46 365.81 L 387.38 365.81 C 379.73 365.81 373.52 372.56 373.52 380.88 C 373.52 389.20 379.73 395.95 387.38 395.95 L 462.05 395.95 C 469.71 395.95 475.92 389.20 475.92 380.88 C 475.92 372.56 469.71 365.81 462.05 365.81 Z" fill="url(#SVGID_5_)" fill-rule="nonzero" node-id="144" stroke="none" target-height="60.277008" target-width="102.395996" target-x="373.519" target-y="335.672"/>
                    <path d="M 306.75 428.60 C 304.47 436.27 296.01 440.51 296.01 440.51 C 296.01 440.51 291.24 432.33 293.52 424.66 C 295.80 417.00 304.27 412.75 304.27 412.75 C 304.27 412.75 309.03 420.93 306.75 428.60 Z" fill="#ffd9cc" fill-rule="nonzero" node-id="146" stroke="none" target-height="27.764008" target-width="17.791992" target-x="291.242" target-y="412.749"/>
                    <path d="M 724.82 494.94 C 722.54 502.61 714.07 506.86 714.07 506.86 C 714.07 506.86 709.30 498.67 711.59 491.01 C 713.87 483.34 722.33 479.09 722.33 479.09 C 722.33 479.09 727.10 487.28 724.82 494.94 Z" fill="#ffd9cc" fill-rule="nonzero" node-id="148" stroke="none" target-height="27.764008" target-width="17.794006" target-x="709.305" target-y="479.093"/><path d="M 688.23 667.84 C 681.19 671.65 672.21 668.67 672.21 668.67 C 672.21 668.67 674.62 659.51 681.65 655.70 C 688.69 651.89 697.67 654.87 697.67 654.87 C 697.67 654.87 695.26 664.03 688.23 667.84 Z" fill="#ffd9cc" fill-rule="nonzero" node-id="150" stroke="none" target-height="19.757996" target-width="25.46997" target-x="672.205" target-y="651.891"/><path d="M 261.96 455.06 C 260.55 459.81 255.31 462.44 255.31 462.44 C 255.31 462.44 252.36 457.37 253.77 452.62 C 255.18 447.88 260.42 445.25 260.42 445.25 C 260.42 445.25 263.37 450.31 261.96 455.06 Z" fill="#ffd9cc" fill-rule="nonzero" node-id="152" stroke="none" target-height="17.188995" target-width="11.014999" target-x="252.359" target-y="445.247"/>
                    <g node-id="192"><g node-id="195">
                        <path d="M 606.62 453.63 L 603.11 440.22 L 614.06 444.42 Z" fill="#fed6bf" 
                        fill-rule="nonzero" group-id="1,4" node-id="158" stroke="none" target-height="13.403015" target-width="10.947998" target-x="603.109" target-y="440.224"/><g node-id="197">
                        <path d="M 583.30 431.21 L 636.53 411.57 L 595.02 435.44 L 583.30 431.21 Z M 595.43 436.03 L 636.95 412.16 L 601.68 437.93 L 605.10 451.35 L 595.43 436.03 Z M 595.43 436.03" fill="#fed6bf" fill-rule="nonzero" group-id="1,4,6" node-id="162" stroke="none" target-height="39.779022" target-width="53.64801" target-x="583.297" target-y="411.567"/>
                        <path d="M 621.84 446.29 L 613.48 443.00 L 602.53 438.81 L 637.80 413.04 Z" fill="#fed6bf" fill-rule="nonzero" group-id="1,4,6" node-id="164" stroke="none" target-height="33.248016" target-width="35.268005" target-x="602.529" target-y="413.038"/></g></g></g><g node-id="193">
                        <path d="M 440.12 443.51 L 585.25 443.51 L 585.25 495.80 L 440.12 495.80 Z" fill="url(#SVGID_6_)" fill-rule="nonzero" group-id="2" node-id="171" stroke="none" target-height="52.289978" target-width="145.125" target-x="440.125" target-y="443.51"/>
                        <path d="M 440.12 495.80 L 373.09 638.84 L 372.75 535.30 L 440.12 443.51 Z" fill="url(#SVGID_7_)" fill-rule="nonzero" group-id="2" node-id="173" stroke="none" target-height="195.331" target-width="67.375" target-x="372.75" target-y="443.51"/>
                        <path d="M 585.25 495.80 L 650.91 638.84 L 651.25 535.30 L 585.25 443.51 Z" fill="url(#SVGID_8_)" fill-rule="nonzero" group-id="2" node-id="175" stroke="none" target-height="195.331" target-width="66" target-x="585.25" target-y="443.51"/>
                        <path d="M 650.91 638.84 L 373.09 638.84 L 440.12 495.80 L 585.25 495.80 Z" fill="#ffeee6" fill-rule="nonzero" group-id="2" node-id="177" stroke="none" target-height="143.04102" target-width="277.82397" target-x="373.088" target-y="495.8"/>
                        <path d="M 651.25 636.30 C 651.25 641.82 646.77 646.30 641.25 646.30 L 382.75 646.30 C 377.23 646.30 372.75 641.82 372.75 636.30 L 372.75 538.30 C 372.75 532.78 377.23 528.30 382.75 528.30 L 641.25 528.30 C 646.77 528.30 651.25 532.78 651.25 538.30 L 651.25 636.30 Z" fill="url(#SVGID_9_)" fill-rule="nonzero" group-id="2" node-id="179" stroke="none" target-height="118" target-width="278.5" target-x="372.75" target-y="528.3"/></g><g node-id="194"><g node-id="196">
                        <path d="M 554.83 508.70 C 554.83 508.70 555.38 508.16 556.13 507.18" fill="none" group-id="3,5" node-id="186" stroke="#db955a" stroke-linecap="round" stroke-width="1" target-height="1.5180054" target-width="1.2990112" target-x="554.832" target-y="507.184"/><path d="M 558.20 503.93 C 559.89 500.68 561.23 496.02 559.41 490.83 C 559.41 490.83 552.54 481.02 549.93 492.36 C 549.93 492.36 555.53 502.49 568.80 493.01 C 568.80 493.01 575.75 484.29 576.84 472.09 C 576.84 472.09 579.84 459.67 584.55 457.82 C 584.55 457.82 588.60 455.27 593.75 454.17" fill="none" group-id="3,5" node-id="188" stroke="#db955a" stroke-dasharray="3.861 3.861" stroke-linecap="round" stroke-width="1" target-height="49.763" target-width="43.82605" target-x="549.928" target-y="454.169"/>
                        <path d="M 595.66 453.84 C 596.31 453.75 596.98 453.70 597.65 453.68" fill="none" group-id="3,5" node-id="190" stroke="#db955a" stroke-linecap="round" stroke-width="1" target-height="0.16400146" target-width="1.993042" target-x="595.66" target-y="453.675"/></g></g>
            </svg>
            <span class="left-bottom"></span>
            <span class="right-top">
                <span>{{ pageText }}</span>
            </span>
    </div>
</template>

<script setup>
// ========================= 组件接收值 =========================
const props = defineProps({
    text:{
        type: String,
        default:'暂无更多数据了~~'
    }
});

// ========================= 计算属性 =========================
const pageText = computed(()=> props.text );
</script>

<style lang="scss" scoped>
    @import '@/theme/animations.scss';
    @import './nonedata.scss';
</style>